<template>
  <div>
    <h2 v-big="m1">我是一个孩子组件</h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      m1: "cuijian",
    };
  },
  directives:{
    big(element,option){
        element.innerHTML = option.value.toUpperCase()
    }
  }
};
</script>

<style lang="less" scoped></style>
